<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>关于</title>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <link rel="stylesheet" href="css/app.css">
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=uGu7CKGh7yjjXyxWgqDV6C8booQd01g2"></script>
</head>
<body style="background-color: #fff;">
    <div class="topt">
        <div class="top">
            <div class="logo">
                <img src="image/logo.png" width="293" height="70"/>
            </div>
            <div class="menu">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="news.html">新闻</a></li>
                    <li><a href="case.html">案例</a></li>
                    <li><a href="team.html">团队</a></li>
                    <li><a href="service.html">服务</a></li>
                    <li class="menu_ac"><a href="#" style="color: white">关于</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="slider">
            <div class="slider-img">
                <ul class="slider-img-ul">
                    <li><img src="image/slider-5.jpg"></li>
                    <li><img src="image/slider-1.jpg"></li>
                    <li><img src="image/slider-2.jpg"></li>
                    <li><img src="image/slider-3.jpg"></li>
                    <li><img src="image/slider-4.jpg"></li>
                    <li><img src="image/slider-5.jpg"></li>
                    <li><img src="image/slider-1.jpg"></li>
                </ul>
            </div>
        </div>

        <div class="case">
            <p class="p0">关于我们</p>
            <p class="p">ABOUT</p>
            <div class="case_title">
                <h3>格诚设计 ppt</h3><br/>
                <P class="cp2"><b>格诚设计</b> 是国内顶尖演示设计机构，国内最早从事演示设计制作的公司之一，主要开展PPT设计、多媒体制作、软件技能培训、演示模板开发、三维立体建模等业务，致力于文字信息视觉化设计，使沟通更有效，帮助客户提升演示效果！ 博纳演示专注于为客户打造高端演示方案，结合原创实用型演示作品的研究与设计，以提供高质量演示设计为己任，可为企业/单位/政府/院校提供成果形象展示、产品发布说明等相关演示解决方案。</P>
                <br/><hr/>
            </div>
            <div id="about_map" class="about_map"></div>
            <div class="about_info">
                <div class="about_infomation">
                    <div class="a_img">
                        <p>
                            <img src="image/手机.png" width="30" height="30"/>
                        </p>
                    </div>
                    <div class="a_info">
                        <h4>PHONE</h4>
                        <p>品牌经理：13750045***</p>
                        <p>品牌热线：3622***</p>
                    </div>
                </div>
                <div class="about_infomation">
                    <div class="a_img">
                        <p>
                            <img src="image/地址.png" width="30" height="30"/>
                        </p>
                    </div>
                    <div class="a_info">
                        <h4>ADDRESS</h4>
                        <p>广州市天河区**********</p>
                    </div>
                </div>
                <div class="about_infomation">
                    <div class="a_img">
                        <p>
                            <img src="image/邮箱.png" width="30" height="30"/>
                        </p>
                    </div>
                    <div class="a_info">
                        <h4>E-MAIL</h4>
                        <p>********@dingtalk.com</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="map1">
        <div class="footer">
            <div class="intro">
                <h2>格诚设计ppt</h2>
                <p>品牌源于梦想，格诚设计正是一群追梦人。从创立的第一天起（2005年创立），就立志以成为成为最具远见的公司、业内的佼佼者以及企业取得成功不可或缺的伙伴。信念驱动我们的战略，战略让我们则无旁骛。这种雄心壮志源于我们的实力，并指引我们不断向前。</p>
            </div>
            <div class="qq"><br>
                <h5>留下QQ</h5><br><br>
                <p style="background-color: white;width: 250px;">
                    <input type="text" style="width:200px;border: none;background-color: white"/>
                    <button style="width: 40px;border: none;background-color: white">&rarr;</button>
                </p>
                <p style="font-size: 14px;line-height: 28px;">留下你的qq,成为格诚设计的伙伴，我们将尽快与你取得联系</p>
            </div>
            <div class="fri">
                <h5>友情链接</h5><br>
                <p><a href="">优秀网页设计</a>&nbsp;</p>
                <p><a href="">博纳ppt</a>&nbsp;</p>
                <p><a href="">周新力ppt</a>&nbsp;</p>
                <p><a href="">BootStrap</a>&nbsp;</p>
                <p><a href="">设计师导航</a>&nbsp;</p>
            </div>
            <div class="fri">
                <h5 style="opacity: 0">友情链接</h5>
                <br>
                <p><a href="">百度</a>&nbsp;</p>
                <p><a href="">千图网</a>&nbsp;</p>
                <p><a href="">昵图</a>&nbsp;</p>
                <p><a href="">阿里图标</a>&nbsp;</p>
                <p><a href="">Jquery</a>&nbsp;</p>
            </div>
        </div>
    </div>


</body>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/xSlider.js"></script>
<script type="text/javascript">
    var map = new BMap.Map("about_map");          // 创建地图实例
    var point = new BMap.Point(113.364437,23.098609);  // 创建点坐标
    map.centerAndZoom(point, 11);                 // 初始化地图，设置中心点坐标和地图级别
    var marker = new BMap.Marker(point);  // 创建标注
    map.addOverlay(marker);               // 将标注添加到地图中
    marker.setAnimation(BMAP_ANIMATION_BOUNCE);
</script>
</html>